<html>
<head>
    <title>china citys by Population </title>
    
    <link href="cities2.js" type="application/json" rel="exhibit/data" />
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
<!--google analytics-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7661217-1");
pageTracker._trackPageview();
} catch(err) {}</script>


    <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"></script>
    
    
    <!-- google map key for http://127.0.0.1:8888/ -->
    <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/map/map-extension.js?gmapkey=ABQIAAAA8_e8xOTp1mpFz9LtD2T3LhQXZkiScFGiTaAnz95kNCCX05g1pxTREjOktd7_gZ6mBG_QiogWVHljCg" type="text/javascript"></script>
    
    <style>
        body {
            margin:         0px;
            padding:        0px;
            font-family:    "georgia", "times", "times new roman", serif;
            font-size:      10pt;
        }
        #header { padding: 1em; background: #CCD9E6; }
        #content { padding: 1em; }
        div.map-lens { padding: 1em; }
    </style>
</head>

<body>
    
    <div id="content">
        <div ex:role="coder" ex:coderClass="SizeGradient" id="pop-coder"
           ex:gradientPoints="0, 5; 15000000, 100" >
        </div>
        <div ex:role="view"
            ex:viewClass="Map"
            ex:label="Cities"
            ex:latlng=".latlng"
            ex:sizeKey=".pop"
            ex:sizeCoder="pop-coder"
            ex:sizeLegendLabel="Population"
            ex:center="39.550000, 116.240000"
            ex:zoom="5"
            ex:mapHeight="530"
            ex:showHeader="false"
            >
            <div class="map-lens" ex:role="lens" style="display: none;">
                <div>#<span ex:content=".rank"></span>. <b ex:content=".label"></b></div>
                <div><span ex:content=".pop"></span> people</div>
            </div>
        </div>
    </div>
</body>
</html>
